<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style_form.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript">
	$(function(){
  		$("#draggable").draggable();
	});
</script>
<body>
<div id="draggable" class="block_form">
	<div id="form_1">
		<form aciton="index.php" method="post" align="left">
			<input type="text" name="firstname" value="">
			<label id="label_form">Ваше і'мя</label><br>
			<input type="text" name="lastname" value="">
			<label id="label_form">Ваша фамілія</label><br>
			<input type="text" name="login" value="">
			<label id="label_form">Ваш логін</label><br>
			<input type="password" name="password" value="">
			<label id="label_form">Ваш пароль</label><br>
			<label id="label_form" style="margin-left: 3px;">Ваша стать:</label><br>
			<input type="radio" name="state" value="Чоловіча" checked />
			<label id="label_form">Чоловіча</label><br>
			<input type="radio" name="state" value="Жіноча" />
			<label id="label_form">Жіноча</label><br>
			<select name="age" id="label_form">
			<?php
				for($i=1900;$i<=2010;$i++){
					echo '<option value="'.$i.'">'.$i.'</option>';						
				}
			?>
			</select>
			<label id="label_form">Ваш рік народження</label><br>
			<input type="text" name="job" value="" style="width:130px;">
			<label id="label_form">Ким ви працюэте?</label><br>
			<label id="label_form" style="margin-left: 3px;">Про себе:</label><br>
			<textarea name="o_sebe" cols="28" rows="5" style="max-width:240px;max-height: 150px;"></textarea><br>
			<input type="checkbox" name="agre" value="yes">
			<label id="label_form">Я згідний(на) надати цю інформацію?</label><br>
			<input type="submit" name="botton" value="Відправити" id="label_form">
		</form>
	</div>
	<?php
		//error_reporting(0);
		if( !empty($_REQUEST['firstname'])&&
			!empty($_REQUEST['lastname'])&&
			!empty($_REQUEST['login'])&&
			!empty($_REQUEST['password'])&&
			!empty($_REQUEST['state'])&&
			!empty($_REQUEST['age'])&&
			!empty($_REQUEST['job'])&&
			!empty($_REQUEST['agre'])){
			$state = $_REQUEST['state'];
			if($state == 'Чоловіча'){
				$state = 'чоловік';
			}else{
				$state = 'жінка';
			}
			$age = 2012 - $_REQUEST['age'];
			$amount = 2012 - $_REQUEST['age'];
			for($i=0;$i<$amount;$i++){
				if($amount==1||$amount==21||$amount==31
					||$amount==41||$amount==51){
					$age = 'рік';
				}else if($amount==2||$amount==3||$amount==4||
						$amount==22||$amount==23||$amount==24||
						$amount==32||$amount==33||$amount==34||
						$amount==42||$amount==43||$amount==44){
					$age = 'роки';
				}else if($amount==5||$amount==6||$amount==7||
						$amount==8||$amount==9||$amount==10||
						$amount==11||$amount==12||$amount==13||
						$amount==14||$amount==15||$amount==16||
						$amount==17||$amount==18||$amount==19||
						$amount==20||$amount==25||$amount==26||
						$amount==27||$amount==28|$amount==29||
						$amount==30||$amount==35||$amount==36||
						$amount==37||$amount==38|$amount==39||
						$amount==40||$amount==45||$amount==46||
						$amount==47||$amount==48|$amount==49){
						$age = 'років';
				}else{
					$age = 'років';
				}
			}
			echo '<div id="form_2">
				<p id="text" align="center">
					І так. Мене звуть 
					'.$_REQUEST['lastname'].' 
					'.$_REQUEST['firstname'].'<br>
					я 
					'.$state.' 
					і мені 
					'.$amount.' '.$age.'.<br>
					Мій логін 
					'.$_REQUEST['login'].' 
					пароль 
					'.$_REQUEST['password'].',<br>
					я працю 
					'.$_REQUEST['job'].' 
					і я 
					'.$_REQUEST['o_sebe'].'.<br>
					</div>		
				</p>
			</div>';
		}
	?>
</div>
	<script type="text/javascript">
	$(document).ready(function(){
		$('input[type=submit]').click('change',function() { 
			if( !$('input[name=agre]').is(":checked")){
				alert("Вибачте але ви не погодились відправити інформацію про себе!");
			}
			else if($('input[type=text]').val()){
				//alert($('input[type=text]').val()); // відсліжує текстові поля
			}
			else{
				alert("Вибачте вле ви не ввели всієї інформації!");
			}
		} );
	});
	</script>
    </body>
</html>